<template>
     <div>
         <p class='title'>新碟上架</p>
         <!-- <ul>
                    <li v-for='item in rightList' class=clearfix>
                       <span>
                           <img v-lazy="item.picUrl" alt="">
                       </span>
                    </li>
        </ul>        -->
     </div>
</template>

<script>
export default {
      data () {
            return {
               rightList:{}
            }
        },
    mounted:function(){
        this.getRight();
    },
    methods:{ 
        getRight(){
              let target = this;
               target.fetch({
                   url:'/top/album',
                   method:'GET',
                   params:{
                       limit:6,
                       offset:0
                   }
               }).then(function (response) {
                  target.rightList = response.data.albums; 
               });
        },
        render(ev,el){
             let current = ev.currentTarget;
        }

    }
}
</script>
<style scoped>
 li{
       list-style: none;
       margin-bottom: 10px;
       width: 50%;
   }
 li i{
       float: left;
       width:120px;
       margin-left: 20px;
   }
    li aside{
       float: left;

   }
 li i img{
       width: 100%;
       height: 100%;
   }
   .right{
     width: 360px;
   }
    .title{
          border-bottom: 1px solid #850202ab;
           padding: 10px 0;
  }
  aside{
      margin-left: 10px;
  }
</style>
